
<toaster-container
        toaster-options="{'position-class': 'toast-top-right', 'close-button':true}">
</toaster-container>
<div class="bg-white bread-crumb">
    <ul class="breadcrumb b-a m-b-n-xs lter b-b wrapper-md">
        <li><a ui-sref="main.member.list">人员管理</a></li>
        <li class="active" ng-bind="title"></li>
    </ul>
</div>

<!-- 加载提醒 -->
<div ng-show="loading" class="text-center m-t-md text-lg">
    <i class="fa fa-spin fa-spinner"></i> 数据加载中...
</div>

<!-- 内容区域 -->
<div ng-hide="loading" class="wrapper-md content">
    <!-- 数据显示 -->
    <div class="wrapper-data">
        <div class="panel panel-default">
            <!-- 头部 -->
            <div class="panel-heading clearfix">
                <a class="btn btn-sm btn-icon btn-rounded btn-default pull-right m-t-n-xs"
                   ui-sref="main.member.maintenance.list">
                    <i class="text-md glyphicon glyphicon-chevron-up text-muted"></i>
                </a>
                <div class="w-auto">
                    <form class="form-inline">
                        <div class="form-group">
                            <label for="name">姓名：</label>
                            <input type="text" class="form-control" ng-model="param.personName" style="width: 180px"
                                   id="name" placeholder="请输入姓名">
                        </div>
                        <div class="form-group">
                            <label for="IDCardNo">身份证号：</label>
                            <input type="text" class="form-control" ng-model="param.IDCardNo" style="width: 180px"
                                   id="IDCardNo"
                                   placeholder="请输入身份证号">
                        </div>

                        <button type="submit" class="btn btn-primary new-primary" style="margin-left: 10px"
                                ng-click="search()" ng-show="read">查询
                        </button>
                        <button type="button" class="btn btn-primary addNew" style="margin-left: 10px"
                                ng-click="allChooce()" ng-show="read">批量添加
                        </button>

                    </form>


                </div>
            </div>

            <!-- 数据表格 -->
            <div class="table-responsive">
                <table class="table table-striped b-t b-light text-center">
                    <thead>
                    <tr>
                        <th> <input type="checkbox" ng-click="allCheck($event)" id="allCheck"></th>
                        <th>姓名</th>
                        <th>性别</th>
                        <th>手机号码</th>
                        <th>身份证</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody class="tbody">
                    <tr ng-repeat="item in pageInfo.data">
                        <td class="checkedTd"><input type="checkbox" name="Fruit" ng-click="checkStatus()"value="{{item.userId}}"/></td>
                        <td class="v-middle">{{item.personName}}</td>
                        <td class="v-middle">
                            <span ng-show="{{item.sex=='1'}}">男</span>
                            <span ng-show="{{item.sex=='2'}}">女</span>
                        </td>
                        <td class="v-middle">{{item.mobileNo}}</td>
                        <td class="v-middle">{{item.IDCardNo}}</td>
                        <td class="v-middle">

                            <button ng-click="chooceItem(item.userId,item.personName)" type="button" class="handleBtn"
                                    ng-show="dele" ng-show="dele">
                                添加
                            </button>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <span data-ng-include=" 'src/tpl/pageInfo.html' "></span>
        </div>

    </div>


</div>


<style scoped>
    .checkedTd{
        width: 100px;
    }
    .handleBtn{
        border:1px solid #fb7009;color:#fb7009;border-radius:4px;background: none;
    }
    .table input[type=checkbox]{
        width: 18px;
        height: 18px;
        border: 1px solid #ebebeb;
        vertical-align: middle
    }
</style>